<template>
  <div id="JobChance">
    <div class="banner container-fuild text-center">资质中心</div>
    <div class="container">
        <van-empty v-if="list.length==0" description="暂无数据" />
        <!-- <div class="mt2" v-for="(i,k) in list" :key="k">
            
           <div >{{i.title}}</div>

        </div> -->
        <div class="row_bw warp">
           <van-button  class="mt2" @click="go_xq(i)" v-for="(i,k) in list" :key="k" style="width:45%" type="info">{{i.title}}</van-button>
        </div>
        <div style="height:20px"></div>
       
     
    </div>
  </div>
</template>
<script>
import { WOW } from "wowjs";

import { Empty, Card ,Divider} from "vant"; 
export default {
  name: "File",
  data() {
    return {
      user: "",
      list:[],
      file:[],
      file2:[],
      
    };
  },
  mounted() {
    let lg = localStorage.getItem("lg");
    if (!lg) {
      this.$router.replace("/login");
    }
     let suer= JSON.parse(localStorage.getItem('user'));
    this.user=suer;
    var wow = new WOW();
    wow.init();
    let user = JSON.parse(localStorage.getItem("user"));
    this.user = user;
    this.get_file();
  },
  methods: {
      go_xq(i){
          this.$router.push({path:'file',query:{info:i}})
      },
    get_file(){
        let v=this;
      this.http.post('/news/getquiltymsg').then(res=>{
          console.log('res:',res);
           if(res.data.data){
              v.list=res.data.data;
              for(let i of v.list){
                  v.file.push(i.matelist.split(','));
                  v.file2.push(i.piclist.split(','));
              };
              
           };
      })
    },
    
  },
};
</script>
<style scoped>
.img2{
  width: 60vw;
  height: 100%;
}
.dis{
    color:#a1a3a6;
}
.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url("../assets/img/banner_2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
.JobChance-container {
  margin: 100px;
  padding: 30px;
  transition: all ease 0.5s;
  border: 1px dashed salmon;
}
.JobChance-container h2 {
  color: rgb(255, 102, 19);
  font-weight: bolder;
  text-align: center;
}
.JobChance-container p {
  font-size: 20px;
  color: rgb(255, 102, 19);
  font-weight: 700;
}
.JobChance-container ol {
  list-style-type: decimal;
  padding-left: 30px;
}
.JobChance-container ol > li {
  font-size: 14px;
  line-height: 2.7rem;
}
@media screen and (max-width: 997px) {
  .JobChance-container {
    margin: 20px 0;
    padding: 20px;
    border: 1px dashed salmon;
  }
}
</style>

